@import url("common.css");
@import url("nav.css");
@import url("nav1.css");
body{
	height: 100vh;
	width: 100vw;
}
html{
	font-size: 15px;
}
.container{
	width: 1200px;
	margin: 0 auto;
}
/* 消息栏开始 */
.message{
	width: 100vw;
	border-bottom: 1px solid #ccc;
}
.message .container{
	padding: 60px 0 10px 0; 
	text-align: center;
}
.message .container>p>span:first-child{
	color: #4B6600;
}
.message .container>p>span:nth-of-type(2){
	color: red;
}
.message .container>p:last-child>span:last-child>a{
	color: #0077AA;
}
.message .container>p:last-child>span:last-child>a:hover{
	color: #FC7546;
}
/* 消息栏结束 */
/* 软件下载开始 */
.xiazai .container>a>img{
	padding: 20px 0;
}
/* 软件下载结束 */
/* 热门影片开始 */
.hot-movie>.container{
	display: flex;
	justify-content: flex-start;
}
.hot-movie>.container>.hot-left{
	flex:1;
	padding-right: 20px;
}
.hot-movie>.container>.hot-right{
	width: 240px;
}
.hot-movie>.container>.hot-left>h2{
	padding-bottom: 20px;
}
.hot-movie>.container>.hot-left>.hot-left1{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-top: 1px solid #ccc;
	padding-top: 10px;
}
.hot-movie>.container>.hot-left>.hot-left1>li{
	position: relative;
	width: 15%;
	height: 200px;
	margin-bottom: 20px;
	border-radius: 10px;
	box-sizing: border-box;
	overflow: hidden;
}
.hot-movie>.container>.hot-left>.hot-left1>li>a>img{
	width: 100%;
	border-radius: 10px;
	height: 100%;
}
.update{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #0077AA;
	color: white;
	font-size: .9rem;
	padding: 3px;
	border-radius: 0 10px 0 10px;
	z-index: 3;
}
.xinxi1{
	position: absolute;
	top: 170px;
	left: 0;
	background-color: #000;
	color: white;
	opacity: .7;
	width: 100%;
	height: 100%;
	transform: translate(0,0);
	transition: .6s;
	cursor: pointer;
	padding: 5px;
}
.xinxi1 p{
	padding: 5px 0;
}
.xinxi1 p i{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -1.8rem;
	font-size: 3.5rem;
	text-align: center;
	transition: .4s;
}
.xinxi1 p i:hover{
	transform: scale(1.1);
}
.hot-movie>.container>.hot-left>.hot-left1>li:hover .xinxi1{
	border-radius: 10px;
	transform: translate(0,-170px);
}

.hot-right>ol{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	padding-top: 10px;
	margin-top: 1.3rem;
	border-top: 1px solid #ccc;
}
.hot-right>ol>li{
	padding: 10px;
	border-bottom: 1px solid #ccc;
	color: #AAAAAA;
	position: relative;
	cursor: pointer;
}
.hot-right>ol>li:hover{
	color: #FC7546;
	background-color: #f1f1f1;
}
.hot-right>ol>li:first-child>span:nth-of-type(1),
.hot-right>ol>li:nth-of-type(2)>span:nth-of-type(1),
.hot-right>ol>li:nth-of-type(3)>span:nth-of-type(1){
	background-color: #FC7546;
	padding: 1px;
	border-radius: 5px;
	color: white;
}
.hot-right>ol>li:nth-of-type(3)~*>span:nth-of-type(1){
	background-color: #ccc;
	padding: 1px;
	border-radius: 5px;
	color: white;
}
.hot-right>ol>li>span:nth-of-type(2),
.hot-right>ol>li:nth-of-type(2)>span:nth-of-type(2),
.hot-right>ol>li:nth-of-type(3)>span:nth-of-type(2){
	color: #000000;
}
.hot-right>ol>li:hover span:nth-of-type(2)
{
	color: #FC7546;
}
.hot-right>ol>li>span:nth-of-type(3){
	position: absolute;
	top: 10px;
	right: 0;
}
/* 热门影片结束 */
/* 最新电影开始 */
.xin .container>ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid #ccc;
}
.xin .container>ul>li{
	width: 15%;
	height: 230px;
	margin: 10px 0;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	transition: 1s;
	transform: translate(0,0);
}

.xinxi2{
	position: absolute;
	top: 200px;
	left: 0;
	background-color: #000;
	color: white;
	opacity: .7;
	width: 100%;
	height: 100%;
	transform: translate(0,0);
	transition: .6s;
	cursor: pointer;
	padding: 5px;
}
.xinxi2 p{
	padding: 5px 0;
}
.xinxi2 p i{
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -1.8rem;
	font-size: 3.5rem;
	text-align: center;
	transition: .4s;
}
.xinxi2 p i:hover{
	transform: scale(1.1);
}
.xin>.container>ul>li:hover .xinxi2{
	border-radius: 10px;
	transform: translate(0,-200px);
}

.xin .container>ul>li>a>img{
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
/* 最新电影结束 */
/* 脚步栏开始 */
.foot{
	border-top: 1px solid #777;
}
.foot .container{
	text-align: center;
}
.foot .container p{
	color: #777;
	padding: 5px;
}
.foot .container p:first-child>span~*{
	cursor: pointer;
}
.foot .container p:first-child>span{
	padding: 10px 20px;
}
.foot .container p:first-child>span~*:hover{
	color: #0077AA;
}
/* 脚步栏结束 */